<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信，是一个生活方式</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <div class="header">
            <a href="https://mp.weixin.qq.com">
                <img class="logo" src="images/logo.png" alt="">
            </a>
            <ul class="nav">
                <li><a href="#">首页</a></li>
                <li><a href="#">帮助与反馈</a></li>
                <li><a href="#">公众平台</a></li>
                <li><a href="#">开放平台</a></li>
                <li><a href="#">微信支付</a></li>
                <li><a href="#">微信广告</a></li>
                <li><a href="#">企业微信</a></li>
                <li><a href="#">表情开放台</a></li>
                <li><a href="#">微信网页版</a></li>
            </ul>
        </div>

        <div class="content">
            <div class="banner">
                <div class="banner-text">
                    <h1>微信，是一个生活方式</h1>
                    <p>超过十亿人使用的手机应用</p>
                    <p>支持发送语音短信、视频、图片和文字</p>
                    <p>可以群聊，仅耗少量流量，适合大部分智能手机</p>
                    <button>免费下载</button>
                    <ul>
                        <li>忘记了微信账号或密码？</li>
                        <li>自助解除登录或者功能限制</li>
                        <li>冻结或解冻微信账号</li>
                    </ul>
                </div>

                <div class="banner-img">
                                <img src="images/banner-and.png" alt="" srcset="">
                            </div>
                </div>

            </div>
            <div class="info">
                <div class="download">
                    <ul>
                        <li>
                            <div class="download-web"></div>
                            <h3>微信网页版</h3>
                            <p>在浏览器使用微信</p>
                            <a href="">了解更多</a>
                        </li>
                        <li>
                            <div class="download-mac"></div>
                            <h3>微信Mac版</h3>
                            <p>极致简洁，迅捷沟通</p>
                            <a href="">了解更多</a>
                        </li>
                        <li>
                            <div class="download-win"></div>
                            <h3>微信Windows版</h3>
                            <a href="">了解更多</a>
                        </li>
                    </ul>

                </div>
                <div class="news">
                    <h3>最新消息</h3>
                    <ul>
                        <li><a href="">微信7.0.13 forAndroid正式版发布</a><span>04-22</span></li>
                        <li><a href="">微信7.0.13 forAndroid正式版发布</a><span>04-22</span></li>
                        <li><a href="">微信7.0.13 forAndroid正式版发布</a><span>04-22</span></li>
                        <li><a href="">微信7.0.13 forAndroid正式版发布</a><span>04-22</span></li>
                        <li><a href="">微信7.0.13 forAndroid正式版发布</a><span>04-22</span></li>
                        <li><a href="">微信7.0.13 forAndroid正式版发布</a><span>04-22</span></li>
                    </ul>
                </div>
            </div>
        </div>

        <div class="footer">
            <div class="footer-copyright">
                <p>关于腾讯  |  服务条款  |  使用规范  |  客服中心  |  隐私保护指引                </p>
                <p>© 1998 - 2022 Tencent Inc. All Rights Reserved</p>
            </div>

            <div class="footer-language">
                <p>简体中文  | 繁体中文  | English</p>
            </div>
        </div>
        


    </div>
    </body>
</html>